page-plan {
  span{
    color:#666666;
  }
  .title{
    border-radius: 5px 5px;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    span{
      font-size: 1.5rem;
    }
  }
  .input_div{
    width: 95%;
    margin: 0 auto;
    height: 4rem;
    border-radius: 8px;
    border:0.5px solid rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    ion-input{
      width: 90%;
      margin-left: 2%;
    }
  }
  .plan-con{
    height: 100%;
    width:100%;background-color: rgba(0,0,0,0.5);position: relative;bottom: 0;
  }
  .plan-center-div{
    border-radius: 5px 5px;
    width: 100%;
    height: 94%;
    margin: 0 auto;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    //text-align: center;
    label{
      font-size: 2rem;
    }
  }
  .plan-panel{
    width: 95%;
    border-radius: 8px;
    background-color: #ffffff;
    border: 0.5px solid rgba(0, 0, 0, 0.3);
    margin: 1rem auto;
    .btn{
      width: 100%;
      height: 3rem;
      margin-top: 0.3rem;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      color:#ffffff;
      margin-left: -1rem;

      span{
        margin-left: 0.4rem;
      }
    }

  }
  .plan-item{
    width: 95%;
    height: 4rem;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    display: flex;
    align-items: center;

  }
  .scorll {
    width: 100%;
    height: 82%;
    margin-top: 1rem;
  }
}
